/**
 * Created by Eenie on 2016/12/11.
 */


import React, {Component} from 'react';
import {View, StyleSheet} from 'react-native'
import NavigationBar from 'react-native-navigationbar'
export default class Article extends Component {


    render() {
        let headBar = (
            <NavigationBar
                backHidden={true}
                barTintColor='white'
                barStyle={styles.navbar}
                title='文章'
                actionFunc={() => {
          }}/>
        )

        return (<View
            needsOffscreenAlphaCompositing
            renderToHardwareTextureAndroid
            style={styles.container}>
            {headBar}
        </View>);

    }

}


var styles = StyleSheet.create({
    navbar: {
        top: 0,
        left: 0,
        right: 0,
        position: 'absolute'
    },
    container: {
        flex: 1,
        backgroundColor: '#252528'
    },
    itemContainer: {
        flexDirection: 'column',
        // height: 30,
        justifyContent: 'center',
        alignItems: 'center',
        paddingTop: 20
    },
    thumbnail: {
        width: null, // 配合alignSelf实现宽度上 match_parent
        height: 260,
        alignSelf: 'stretch'
    },
    title: {// alignSelf 默认是center
        fontSize: 15,
        marginBottom: 10,
        marginRight: 35,
        marginLeft: 35,
        // letterSpacing: 10,//字间距
        lineHeight: 22, // 行距＋字高，0表示和字高一样，没效果
        color: 'white',
        textAlign: 'center' // 字的对其方式：center每行都居中；left，right；auto ＝＝＝ justify ＝＝＝ left
    },
    date: {
        fontSize: 17,
        color: 'white',
        textAlign: 'center'
    },
    border: {// debugging tools for layout
        borderColor: 'red',
        borderWidth: 2
    },
    indicatorWrapper: {
        height: 45,
        alignItems: 'center',
        justifyContent: 'center',
        backgroundColor: '#252528'
    },
    indicator: {
        width: 15,
        height: 15,
        borderRadius: 7.5,
        backgroundColor: '#aaaaaa'
    }
})